<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="dialog.css">
    <script src="jquery-3.1.1.min.js"></script>
    <script src="dialog.js"></script>
    <style>
        .select_content {
            margin: 20px auto;
        }
    </style>
</head>
<body>
<button onclick="openSelect()">选择对话框</button>
<button onclick="openLoading()">加载框之纯加载</button>
<button onclick="openCtrlLoading()">加载框之操作加载</button>
<button onclick="openSuc()">成功信息提示框</button>
<button onclick="openFail()">失败信息提示框</button>
<button onclick="openWarn()">警告信息提示框</button>
<script>
    // 判断是否加载jq
    if (typeof jQuery != undefined) {
        console.log('jquery已经被加载');
    } else {
        console.log('jquery没有被加载');
    }

function openSelect() {
    SelectDialog.open({
        title: '提示',  // 选择对话框头部名称
        content: '<div class="select_content">这里是显示内容</div>',   // 选择对话框的内容，可以直接写html标签，或者直接嵌入一个html的iframe标签，这里样式随便自己写，可以另起一个css，也可以直接在标签上加，不建议在标签上加css样式
        // txt: '是否确认删除？',  // 例如一个删除判断选择框，txt不会跟content同事存在，如果同时存在只会取content
        subBtn: '确定', // 提交/确定按钮，按钮显示的文字，如果不传这个参（不是不给内容，是不存在‘subBtn’这个参数）就不存在这个按钮
        subBtnFun: function() {  // 调用函数，可在里面写任何js方法
            alert('你已经点击了提交/确定按钮');
        },
        cancelBtn: '取消' // 取消/关闭按钮，按钮显示的文字，如果不传这个参（不是不给内容，是不存在‘cancelBtn’这个参数）就不存在这个按钮
    });
}

function openLoading() {
    // 打开
    LoadDialog.open('loading');
    // 写一个3秒的定时器，关闭纯加载框
    var timer;
    var times = 3;
    timer = setInterval(function () {
        times--;
        if (times < 1) {
            clearInterval(timer);
            // 关闭
            LoadDialog.close();
        }
    }, 1000);
}

function openCtrlLoading() {
    // 打开
    LoadDialog.open('ctrlLoad');
    // 写一个3秒的定时器，关闭操作加载框
    var timer;
    var times = 3;
    timer = setInterval(function () {
        times--;
        if (times < 1) {
            clearInterval(timer);
            // 关闭
            LoadDialog.close();
        }
    }, 1000);
}

function openSuc() {
    // 打开
    MsgDialog.open('这是成功提示框', 'suc');
}

function openFail() {
    // 打开
    MsgDialog.open('这是失败提示框', 'fail');
}

function openWarn() {
    // 打开
    MsgDialog.open('这是警告提示框', 'warn');
}
</script>
</body>
</html>
